<view class="sy-container more">
  <view class="gd1">
    <view class="a" href="javascript:;" @click="back()"></view><view class="h3">分类</view>
  </view>
  <view class="morect">
    <view class="left ul">
      <view class="li" a:for="{{index.oneTwoServiceData}}" a:key="index" @mouseover="select = id" :class="select==id?'select':''">{{item.servicename}}</view>
    </view>
    <view class="rt">
      <image src="~/assets/img/m-news.png" class="gg"/>
      <view class="ul">
        <view class="li wbli" a:for="{{index.oneTwoServiceData[select].twoServiceRes}}" >
          <view class="h4">{{item.servicename}}</view>
          <view class="ul">
            <view class="li" a:for="loadList(item.id)">{{item.descript}}</view>
          </view>

        </view>

      </view>
    </view>

  </view>


</view>


<style>
  .morect{
    width: 7.25rem;
    display: flex;
    justify-content: space-between;
  }
   .morect .left{
    width: 1.49rem;
    background: #f8f8f8;
  }
  .morect .left li{
    line-height: 1rem;
    text-align: center;
    font-size: .28rem;
    color: #999999;
    position: relative;
  }
  .morect .left li.select{
    background: white;
    color: #0055e6;
    font-weight: bold;
  }
  .morect .left li.select:before{
    content: '';
    display: block;
    width: .05rem;
    height: .6rem;
    background: #0055e6;
    position: absolute;
    left: 0;
    top: .2rem;

  }
  .morect .rt{
    width: 5.61rem;
    padding-bottom: .4rem;
  }
  .sy-container.more{
    background: white;
  }
  .morect .rt img.gg{
    width: 5.6rem;
    height: 1.2rem;
  }
  .morect .rt .wbli{
    line-height: .8rem;
    font-size: .28rem;
    color: #333;
    margin-top: .1rem;
  }
  .morect .rt .wbli h4:before{
    content: '';
    display: inline-block;
    width: .05rem;
    height: .3rem;
    background: #0055e6;
    position: relative;
    top: .05rem;
    margin-right: .1rem;
  }
  .morect .rt .wbli ul{
    display: flex;
    flex-wrap: wrap;
    border-top:1px solid #eeeeee;
    border-left:1px solid #eeeeee;
  }
  .morect .rt .wbli ul li{
    line-height: .6rem;
    font-size: .2rem;
    min-width: 1.4rem;
    color: #333333;
    padding: 0 .2rem;
    flex-grow:1;
    border-bottom:1px solid #eeeeee;
    border-right:1px solid #eeeeee;
    text-align: center;
  }
</style>
